:root {
  /* 主要颜色 */
  --primary-color: #52c41a;
  --primary-bg-color: #f6ffed;
  --secondary-bg-color: #d9f7be;
  --tertiary-bg-color: #b7eb8f;

  /* 文字颜色 */
  --text-primary-color: #262626;
  --text-secondary-color: #595959;
  --text-disabled-color: #8c8c8c;

  /* 边框颜色 */
  --border-color: #d9f7be;
  --border-light-color: #f6ffed;

  /* 功能色 */
  --success-color: #52c41a;
  --warning-color: #faad14;
  --error-color: #f5222d;
  --info-color: #52c41a;

  /* 阴影 */
  --box-shadow: 0 2px 8px rgba(82, 196, 26, 0.15);

  /* 其他常用颜色 */
  --hover-color: #d9f7be;
  --active-color: #b7eb8f;
  --disabled-bg-color: #f6ffed;

  /* 绿色系列 */
  --green-1: #f6ffed;
  --green-2: #d9f7be;
  --green-3: #b7eb8f;
  --green-4: #95de64;
  --green-5: #73d13d;
  --green-6: #52c41a;
  --green-7: #389e0d;
  --green-8: #237804;
  --green-9: #135200;
  --green-10: #092b00;

  /* 选中状态颜色 - 应该与背景形成鲜明对比 */
  --selected-bg-color: #b7eb8f;
  --selected-text-color: #237804;
}

/* 主题应用示例类 */
.green-theme {
  background-color: var(--primary-bg-color);
  color: var(--text-primary-color);
}
